<template>
	<view class="bg-white mg-top-10">

		<u-cell-group customStyle="{'alignItems':'normal'}">
			<u-cell>
				<view slot="title">
					<text>{{$t('orderNumber')}}</text>:<text>{{item.order.sn}}</text>
				</view>


			</u-cell>
			<u-cell>
				<view slot="title">
					<text>{{$t('consignee')}}</text>:<text>艾山江</text>
				</view>
				<view slot="value">
					<text class="">2022-09-06 20:02:01</text>
				</view>
			</u-cell>
			<u-cell v-for="(itema,index) in item.details" :titleStyle="{'alignItems':'normal'}"
				:label="$t('commodityInformation')">
				<view slot="icon" class="mg-10">
					<u--image width="60" height="60" :src="itema.image" radius="10">
					</u--image>
				</view>
				<view slot="title">
					<text>{{$t('commodityName')}}</text>
				</view>
				<view slot="value">
					<text class="">118￥</text>
				</view>

			</u-cell>
			hh
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: {
					order: {
						sn: ""
					}
				}
			}
		},
		data() {

		}
	}
</script>

<style>
	.u-cell__body {
		align-items: normal !important;
	}

	.u-cell__body__content {
		align-items: normal !important;
	}
</style>
